// 密码输入框
const pwdIpt = document.querySelector('input[type=password]')
//登录卡片
const loginBox = document.querySelector('.login-box')
//熊猫眼睛
const eyeBalls = document.querySelectorAll('.eye-ball')
//密码框获取焦点，熊猫遮眼
pwdIpt.onfocus = () => {
	loginBox.classList.add('up')
}
// 密码框失去焦点，熊猫偷看
pwdIpt.onblur = () => {
	loginBox.classList.remove('up')
}
// 鼠标移动事件，熊猫眼睛盯着鼠标
document.onmousemove = (e) => {
	// 获取屏幕宽高
	let dw = document.documentElement.clientWidth / 10
	let dh = document.documentElement.clientHeight / 10
	//通过鼠标在屏幕中的位置比例，来设置眼睛在眼眶中的位置比例
	let x = e.pageX / dw
	let y = e.pageY / dh
	eyeBalls.forEach((element) => {
		element.style.left = x + 'px'
		element.style.top = y + 'px'
	})
}
